{% include 'structure/header.html' %}
{% include 'structure/navbar.html' %}
<section class="hero is-light is-large">
    <div class="hero-body">
      <div class="container">
        <div class="columns">
            <div class="column is-half">
                <h1 class="title">
                Login
                </h1>
                {% if error %}
                <div class="notification is-danger">
                    {{ error }}
                </div>
                {% endif %}
                {% if success %}
                <div class="notification is-success">
                    {{ success }}
                </div>
                {% endif %}
                <form method="POST">
                    <div class="field">
                        <label class="label">Username</label>
                        <div class="control has-icons-left has-icons-right">
                            <input class="input is-info" type="text" name="username" placeholder="Username">
                            <span class="icon is-small is-left">
                            <i class="fas fa-user"></i>
                            </span>
                        </div>
                    </div>
                    
                    <div class="field">
                        <label class="label">Password</label>
                        <div class="control has-icons-left has-icons-right">
                            <input class="input is-info" type="password" name="password" placeholder="Password">
                            <span class="icon is-small is-left">
                            <i class="fas fa-key"></i>
                            </span>
                        </div>
                    </div>

                    <div class="field is-grouped">
                        <div class="control">
                            <button class="button is-link">Login</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
      </div>
    </div>
</section>
{% include 'structure/footer.html' %}